<style lang="less">
  .bubbleItem{
    display: inline-block;
    width: 220px;
    .bubble{
      max-width: 655px;
      position: relative;
      line-height: 30px;
      padding-left: 10px;
      padding-top: 3px;
      padding-bottom: 3px;
      border-radius: 7px;
      padding-right: 10px;
      display: inline-block;
    }
    .leftBubble{
      width: 210px;
      position: relative;
      margin-left: 10px;
      border: 1px solid #EDD28B;
      background-color: #FFFDEE;
    }
    .bottomLevel{
      position: absolute;
      top: 10px;
      left: -10px;
      border-top: 10px solid #EDD28B;
      border-left: 10px solid transparent;
    }
    .topLevel{
      position: absolute;
      top: 11px;
      left: -8px;
      border-top: 10px solid #f8fdfc;
      border-left: 10px solid transparent;
      z-index: 100;
    }
  }
</style>

<template>
  <label class="bubbleItem">
    <span class="bubble leftBubble"><i class="el-icon-warning"></i>
            该地址需要升级，请重新编辑
            <span class="bottomLevel"></span>
            <span class="topLevel"></span>
        </span>
  </label>
</template>

<script>
export default {
  name: 'AddressUpdateWarn',
  componentName: 'AddressUpdateWarn',
  data () {
    return {};
  },
  mounted () {}
};
</script>
